<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>快玩_游戏介绍页</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.4.4.js"></script>
</head>

<body>
 <!--游戏标签-->
           <div class="ViewGame_Top">
           		<div class="VIewGame_Title">
                	<span id="game_name">刺条</span>
                    <div id="type_icon"></div>
                    <div class="ViewGame_Star Star50_01">7.8</div>
                    <div class="ViewGame_People">62121人综合评分：</div>
                </div>
                <div class="ViewGame_M">
                <div class="ViewGame_M_Img">
           		<a href="#" class="ViewGame_Top_Img"><img id="game_img" src="images/Game200.gif"></a>
                </div>
				
                <ul class="ViewGame_Tab">
                	<li id="game_type"><b>类型</b>&nbsp;</li>
                    <li id="game_hot"><b>人气</b><div id="game_pop" class="Viewgame_Tab_Popularity04 Icon"></div></li>
                    <li id="game_size"><b>大小</b>711M</li>
                    <li id="game_mode"><b>模式</b>窗口</li>
                    <li id="game_lang"><b>语言</b>中文</li>
                    <li id="game_tags"><b>标签</b><a href="#">三国</a><a href="#">策略</a><a href="#"></a></li>
                    <li id="game_app"><b>应用</b></li>
                </ul>
                
                <a id="startGame" class="ViewGame_StartGame" href="#"></a>
                </div>
                </div>
           <!--游戏标签 End--
<!--游戏介绍页-->
<div class="ViewGame_Content">
  <!--游戏介绍-->
  <span class="ViewGame_Title">游戏简介</span>
  <div class="ViewGame_Introduce" id="game_intro"> 本次推出的《三国志11》，首度采用了3D绘图方式来构成。游戏主要操作画面的中国大陆地图采用与《信长之野望革新》类似的连贯
    单一大地图，以中国传统水墨画风格的3D绘图方式呈现，并具备四季的变化，让玩家体验如诗如画般的中国山水风光。玩家将可以在
    地图上自由进行各种设施的建设，将领地与城市发展成自己喜欢的风貌 </div>
  <!--游戏介绍　End-->
  <!--截图-->
  <span class="ViewGame_Title">游戏截图</span>
  <ul class="Screenshot">
    <li><a href="#"><img id="prt0" src="images/Game125.gif" /></a></li>
    <li><a href="#"><img id="prt1" src="images/Game125.gif" /></a></li>
    <li><a href="#"><img id="prt2" src="images/Game125.gif" /></a></li>
    <li><a href="#"><img id="prt3" src="images/Game125.gif" /></a></li>
    <li><a href="#"><img id="prt4" src="" /></a></li>
  </ul>
  <!--截图　End-->
  <!--本周英雄榜-->
  <span class="ViewGame_Title">本周英雄榜</span> <a href="#" class="A_12_Blue MyScore">查看我的排名 >></a>
  <div class="Viewgame_Hero">
    <div class="Viewgame_Hero01"  id="hero0"> <a href="#"><img src="images/Mygame_HeadPicture.gif" /></a>
      <div class="Viewgam_Hero_Tab"><a href="#" class="A_12_Navy">渡渡鸟</a><br/>
        经验：41414</div>
    </div>
    <div class="Viewgame_Hero01"  id="hero1"> <a href="#"><img src="images/Mygame_HeadPicture.gif" /></a>
      <div class="Viewgam_Hero_Tab"><a href="#" class="A_12_Navy">渡渡鸟</a><br/>
        经验：1412</div>
    </div>
    <div class="Viewgame_Hero03"  id="hero2"> <a href="#"><img src="images/Mygame_HeadPicture.gif" /></a>
      <div class="Viewgam_Hero_Tab"><a href="#" class="A_12_Navy">渡渡鸟</a><br/>
        经验：3412</div>
    </div>
  </div>
  <!--本周英雄榜 End-->
  <!--操作说明-->
  <span class="ViewGame_Title">操作与攻略</span>
  <div class="Operating_M">
    <!--<ul>
      <li>开始游戏：</li>
      <li><span class="ico_mouseleft"></span>鼠标操作</li>
      <li>点击Star开始游戏</li>
    </ul>
    <hr noshade="noshade" />
    <ul>
      <li>玩家1：</li>
      <li><span class="ico_wasd">wasd</span>移动</li>
      <li><span class="ico_key">Esc</span>轻拳</li>
      <li><span class="ico_key">I</span>轻腿</li>
      <li><span class="ico_key">O</span>爆气</li>
      <li><span class="ico_key">J</span>重拳</li>
      <li><span class="ico_key">K</span>重腿</li>
      <li><span class="ico_key">L</span>闪避</li>
      <li><span class="ico_key">L</span>闪避</li>
      <li><span class="ico_key">L</span>闪避</li>
      <li><span class="ico_key">L</span>闪避</li>
      <li><span class="ico_key">L</span>闪避</li>
      <li><span class="ico_key">L</span>闪避</li>
      <li><span class="ico_key">L</span>闪避</li>
    </ul>
    <hr noshade="noshade" />
    <ul>
      <li>玩家2：</li>
      <li><span class="ico_arrows">arrows</span>移动</li>
      <li><span class="ico_key">4</span>轻拳</li>
      <li><span class="ico_key">5</span>轻腿</li>
      <li><span class="ico_key">6</span>爆气</li>
      <li><span class="ico_key">1</span>重拳</li>
      <li><span class="ico_key">2</span>重腿</li>
      <li><span class="ico_key">3</span>闪避</li>
    </ul>-->
    <!--攻略-->
    <div class="Operating_M_Strategy">
    	<div class="Operating_M_Strategy_Title">游戏攻略</div>
        <ul>
        	<li id="strategy0"><a href="#">我想问一下，魔兽世界DK输出的手法是什么</a></li>
            <li id="strategy1"><a href="#">我想问一下，魔兽世界DK输出的手法是什么</a></li>
            <li id="strategy2"><a href="#">我想问一下，魔兽世界DK输出的手法是什么</a></li>
            <li id="strategy3"><a href="#">我想问一下，魔兽世界DK输出的手法是什么</a></li>
        </ul>
    </div>
    <!--攻略 End-->
  </div>
  <!--操作说明　End-->
 
</div>



</div>
<!--游戏介绍页　结束-->
<script>
	$(document).ready(function () {
		$.getJSON("game.json", function(json){
			$("#game_name").html(json.name);
			$("#game_type").html("<b>类型</b>" + json.type);
			$("#type_icon").attr("class", json.type_icon);
			$("#game_size").html("<b>大小</b>" + json.size);
			$("#game_mode").html("<b>模式</b>" + json.mode);
			$("#game_lang").html("<b>语言</b>" + json.lang);
			var tag_html = "<b>标签</b>";
			for(var i = 0; i < json.tags.length; i++) {
				tag_html += "<a href='#'>" + json.tags[i] + "</a>";
			}
			$("#game_tags").html(tag_html);
			var app_html = "<b>应用</b>";
			for(var i = 0; i < json.app.length; i++) {
				app_html += "<a href='#'>" + json.app[i] + "</a>";
			}
			$("#game_app").html(app_html);		//有问题
			$("#game_pop").attr("class", "Viewgame_Tab_Popularity0" + json.pop + " Icon");
			$("#game_img").attr("src", json.img);
			$("#game_intro").html(json.intro);
			for(var i = 0; i < json.prt.length; i++) {
				$("#prt" + i).attr("src", json.prt[i]);
			} 
			for(var i = 0; i < json.hero.length; i++) {
				$("#hero" + i).html('<a href="#"><img src="'+ json.hero[i].icon + '" /></a><div class="Viewgam_Hero_Tab"><a href="#" class="A_12_Navy">'+ json.hero[i].name + '</a><br/>经验：'+ json.hero[i].exp + '</div>');
			}
			$(".Operating_M").prepend(json.operate);
			for(var i = 0; i < json.strategy.length; i++) {
				$("#strategy" + i).html("<a href=" + json.strategy[i].url + ">" + json.strategy[i].title + "</a>");
			} 
		});
		
		$("#startGame").click(function (){
			window.external.CALL_API("OpenTable", "4|30||" + $("#game_name").html());
		});
		
	});
</script>
</body>
</html>
